<template>
  <el-group-title>
    <template slot="groupTitle">
      <el-form :model="form" ref="form" label-width="170px" class="ccui-form">
        <el-row>
          <el-col :span="12">
            <el-form-item label="填报单位：">
              <div v-text="form.reportInOrgName"></div>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="仓库：">
              <div v-text="form.warehouseName"></div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出库单编号：">
              <div v-text="form.exwarehouseCode"></div>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出库单名称：">
              <div v-text="form.exwarehouseName"></div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="分类名称：">
              <div v-text="form.categoryName"></div>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="编制人：">
              <div v-text="form.reportUsername"></div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="出库数量：">
              <div v-text="form.exwarehouseCount"></div>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="出库金额：">
              <div v-text="form.exwarehouseMoney"></div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="编制时间：">
              <div v-text="form.reportTime"></div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="18">
            <el-form-item label="备注：">
              <div
                v-text="form.remark"
                class="ellipsis-3"
                :title="form.remark"
              ></div>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </template>
  </el-group-title>
</template>

<script>
export default {
  data() {
    return {
      form: {}
    };
  },
  props: {
    basicInformation: {
      type: Object,
      default() {
        return {};
      }
    }
  },

  watch: {
    basicInformation(data) {
      if (data) {
        this.form = data;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
/deep/ .el-button--single-number {
  width: 46px;
  margin-left: 10px;
  padding: 0 9px;
}
/deep/.ccui-pre-form-item {
  .el-form-item__label {
    line-height: 16px;
  }
}
</style>
